<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1, user-scalable=NO">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>九橡项目管理系统</title>
  <!-- <link rel="stylesheet" href="css/media.css"> -->
  <link rel="stylesheet" href="css/index.css">
  <!-- <link id="el_favicon" rel="shortcut icon" href=""> -->
  <link id="el_favicon" rel="icon" href="./images/icon1.ico" />
  <script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
  <script>
    LA.init({
      id: "JTC592lwGJgpNSnM",
      ck: "JTC592lwGJgpNSnM"
    })
  </script>
</head>

<body>
  <div id="app">
    <!-- 主版 -->
    <a name="top"></a>
    <div class="main">
      <!-- 页头 -->
      <div class="header">
        <div class="header-box">
          <div class="logo">
            <div class="img">
              <div class="text">NineOaks</div>
              <!-- <img src="https://picsum.photos/id/46/200/200" alt=""> -->
            </div>
          </div>
          <div class="nav">
            <div class="nav-content">
              <div class="nav-content-item navcolor"><span>首页</span></div>
              <div class="nav-content-item"><span><a href="update.html">更新</a></span></div>
              <div class="nav-content-item"><span><a href="https://gitee.com/nineoak/oaker-project" target="_blank">下载</a></span></div>
              <div class="nav-content-item"><span><a href="about.html">关于</a></span></div>
            </div>
            <div class="nav-btn">
              <div class="btn"><a href="http://test.hdfr.com.cn/"  target="_blank" style="color: white;">马上体验</a></div>
            </div>
          </div>
        </div>
      </div>
      <!-- 页头 -->
      <!-- 版心 -->
      <div>
        <div class="mdq">
          <!-- banner -->
          <div class="banner section">
            <div class="left">
              <div class="banner-title">
                <span>九橡项目管理系统</span>
              </div>
              <div class="banner-content">
                <span>
                  <p>轻量级项目工时统计工具</p>
                  <p>记录员工所花费的工时</p>
                  <p>自动核算项目成本</p>
                  <p>让项目投入实时、动态、真实的展示</p>
                </span>
              </div>
              <div class="banner-btn">
                <div class="btn"><a href="http://test.hdfr.com.cn/" target="_blank" style="color: white;">马上体验</a></div>
              </div>
            </div>
            <div class="right">
              <div class="img">
                <img src="images/jx_banner.png" alt="">
              </div>
            </div>
          </div>
          <!-- banner -->
          <div class="content">
            <div class="card section">
              <div class="top-title">
                <span>轻量级使用，仅需3步</span>
              </div>
              <div class="card-content">
                <div>
                  <span>1</span>
                  <p>第一步：创建项目</p>
                </div>
                <div>
                  <span>2</span>
                  <p>第二步：填报工时</p>
                </div>
                <div>
                  <span>3</span>
                  <p>第三步：人工核算</p>
                </div>
              </div>
              <div class="card-img">
                <img src="./images/index_card.png" />
              </div>
            </div>
            <div class="card2 section">
              <div class="top-title">
                <span>系统特性</span>
              </div>
              <div class="lower">
                <div class="group">
                  <img src="./images/jx_xitx1.png" />
                  <div>
                    <span>项目管理的好帮手</span>
                    <div class="text">
                      <p>实时了解每个项目的人工投入</p>
                      <p>系统产生的真实</p>
                      <p>有效的数据可实现精确的核算</p>
                    </div>
                  </div>
                </div>
                <div class="group">
                  <img src="./images/jx_xitx2.png" />
                  <div>
                    <span>告别手工统计</span>
                    <div class="text">
                      <p>不再需要传统的手工填报汇总方式</p>
                      <p>不断填报速度慢，需要专人维护</p>
                      <p>并且容易导致、错误填报、事后填报</p>
                      <p>数据不真实，误导决策成本高昂</p>
                    </div>
                  </div>
                </div>
                <div class="group">
                  <img src="./images/jx_xitx3.png" />
                  <div>
                    <span>数据实时准确</span>
                    <div class="text">
                      <p>无需等待数据收集、汇总</p>
                      <p>一键输出项目实际利用率数据</p>
                    </div>
                  </div>
                </div>
                <div class="group">
                  <img src="./images/jx_xitx4.png" />
                  <div>
                    <span>易用的价值</span>
                    <div class="text">
                      <p>真实、有效的数据可实现精确的核算</p>
                      <p>协助您释放产品研发能力</p>
                      <p>是推动研发进程的强力驱动</p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="card3 section">
              <div class="top-title">
                <span>系统特点</span>
              </div>
              <div class="card-item">
                <div class="left">
                  <div>
                    <img src="./images/jx_xttd.png" />
                    <p>支持钉钉、企业微信、飞书等第三方系统集成验证、组织及员工信息同步。</p>
                  </div>
                  <div>
                    <img src="./images/jx_xttd.png" />
                    <p>从部门、员工、项目、工种、岗位及阶段等多维度分析计划工时、实际工时、
                      有效工时及人工成本等数据。</p>
                  </div>
                  <div>
                    <img src="./images/jx_xttd.png" />
                    <p>可以将系统部署在企业/团队内部，全面贴合实际业务需求。</p>
                  </div>
                  <div>
                    <img src="./images/jx_xttd.png" />
                    <p>基于ZPL协议发布，代码开放</p>
                  </div>
                </div>
                <div class="right">
                  <div>
                    <img src="./images/index_card3.png" />
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- 版心 -->
        <!-- 页脚 -->
        <div class="footer">
          <div class="top">
            <div class="shoping" href="#top">
              <a class="sping" href="#top" target="_self">
                <svg t="1632299701789" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="9388" width="200" height="200">
                  <path
                    d="M752.736 431.063C757.159 140.575 520.41 8.97 504.518 0.41V0l-0.45 0.205-0.41-0.205v0.41c-15.934 8.56-252.723 140.165-248.259 430.653-48.21 31.457-98.713 87.368-90.685 184.074 8.028 96.666 101.007 160.768 136.601 157.287 35.595-3.482 25.232-30.31 25.232-30.31l12.206-50.095s52.47 80.569 69.304 80.528c15.114-1.23 87-0.123 95.6 0h0.82c8.602-0.123 80.486-1.23 95.6 0 16.794 0 69.305-80.528 69.305-80.528l12.165 50.094s-10.322 26.83 25.272 30.31c35.595 3.482 128.574-60.62 136.602-157.286 8.028-96.665-42.475-152.617-90.685-184.074z m-248.669-4.26c-6.758-0.123-94.781-3.359-102.891-107.192 2.95-98.714 95.97-107.438 102.891-107.93 6.964 0.492 99.943 9.216 102.892 107.93-8.11 103.833-96.174 107.07-102.892 107.192z m-52.019 500.531c0 11.838-9.42 21.382-21.012 21.382a21.217 21.217 0 0 1-21.054-21.34V821.74c0-11.797 9.421-21.382 21.054-21.382 11.591 0 21.012 9.585 21.012 21.382v105.635z m77.333 57.222a21.504 21.504 0 0 1-21.34 21.626 21.504 21.504 0 0 1-21.34-21.626V827.474c0-11.96 9.543-21.668 21.299-21.668 11.796 0 21.38 9.708 21.38 21.668v157.082z m71.147-82.043c0 11.796-9.42 21.34-21.053 21.34a21.217 21.217 0 0 1-21.013-21.34v-75.367c0-11.755 9.421-21.299 21.013-21.299 11.632 0 21.053 9.544 21.053 21.3v75.366z"
                    fill="#707070" p-id="9389"></path>
                </svg>
              </a>
            </div>
            <dl class="left">
              <dt>九橡项目工时管理系统</dt>
              <dd>九橡科技</dd>
            </dl>
            <dl class="conter">
              <dt>联系方式</dt>
              <dd>
                <img src="./images/Form_6.png" />
                <p>联系人：小橡</p>
              </dd>
              <dd>
                <img src="./images/Form_4.png" />
                <p>电话：13520614150</p>
              </dd>
              <dd>
                <img src="./images/weixin-1.png" />
                <p>微信：yongxi3149</p>
              </dd>
              <dd>
                <img src="./images/Fill 1.png" />
                <p>QQ用户群：336197563</p>
              </dd>
            </dl>
            <dl>
              <dt>其他产品</dt>
              <dd>
                <p>企业自主学习认证平台</p>
              </dd>
              <dd>
                <p>设备主数据管理平台</p>
              </dd>
              <dd>
                <p>设备点/巡检管理平台</p>
              </dd>
            </dl>
          </div>
          <div class="bottom">
            <p>
              <span>© Copyright 2017-2021 </span>
              <span>九橡科技</span>
              <span>京ICP备12019256号-5</span>
            </p>
          </div>
        </div>
        <!-- 页脚 -->
      </div>
      <!-- 主版 -->
    </div>
  </div>
</body>

</html>

<script>
  //改变窗口大小时调整图片大小
  // window.onload = resizeImages;
  // window.onresize = resizeImages;

  // function resizeImages() {
  //     $(function(e) {
  //         // var screenWeight = document.documentElement.clientWidth;
  //         // var screenHeight = document.documentElement.clientHeight;
  //         // $("[name=pageImg]").css("width", screenWeight).css("height", screenHeight);
  //         // $("#pageUl").css("bottom", screenHeight >> 1);
  //     });
  // }

  var index = 1;
  var curIndex = 1;
  var main = document.getElementsByClassName("main");
  // var hei = document.body.clientHeight;
  // main.style.height = hei + "px";
  // var obj = document.getElementsByTagName("div");
  // for (var i = 0; i < obj.length; i++) {
  //   if (obj[i].className == 'section') {
  //     obj[i].style.height = hei + "px";
  //   }
  // }
  var pageNum = document.querySelectorAll(".section").length;
  //如果不加时间控制，滚动会过度灵敏，一次翻好几屏
  var startTime = 0, //翻屏起始时间  
    endTime = 0,
    now = 0;
  //浏览器兼容      
  if ((navigator.userAgent.toLowerCase().indexOf("firefox") != -1)) {
    document.addEventListener("DOMMouseScroll", scrollFun, false);
  } else if (document.addEventListener) {
    document.addEventListener("mousewheel", scrollFun, false);
  } else if (document.attachEvent) {
    document.attachEvent("onmousewheel", scrollFun);
  } else {
    document.onmousewheel = scrollFun;
  }

  //滚动事件处理函数
  function scrollFun(event) {
    startTime = new Date().getTime();
    var delta = event.detail || (-event.wheelDelta);
    //mousewheel事件中的 “event.wheelDelta” 属性值：返回的如果是正值说明滚轮是向上滚动
    //DOMMouseScroll事件中的 “event.detail” 属性值：返回的如果是负值说明滚轮是向上滚动
    // if ((endTime - startTime) < -1000) {
    //   if (delta > 0 && parseInt(mdq.offsetTop) > -(hei * (pageNum - 1))) {
    //     //向下滚动
    //     index++;
    //     toPage(index);
    //   }
    //   if (delta < 0 && parseInt(mdq.offsetTop) < 0) {
    //     //向上滚动
    //     index--;
    //     toPage(index);
    //   }
    //   endTime = new Date().getTime();
    // } else {
    //   event.preventDefault();
    // }
  }

  function toPage(index) {
    //jquery实现动画效果
    if (index != curIndex) {
      var delta = index - curIndex;
      now = now - delta * hei;
      $(".main").animate({
        top: (now + 'px')
      }, );
      curIndex = index;
      // //更改列表的选中项
      // $(".pageUlLi").css("color", "black");
      // $("#pageUlLi" + index).css("color", "red");
    }
  }
</script>